<route lang="json5" type="page">
{
  layout: 'main',
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '版权说明',
  },
}
</route>
<template>
  <view class="copyrights-collapse">
    <wd-collapse v-model="activeNames">
      <wd-collapse-item title="版权所有" name="1">
        <view class="content-text">
          本网站上所有的内容，包括但不限于文本、图像、音频和视频等，版权均属于我们公司所有。
        </view>
      </wd-collapse-item>
      <wd-collapse-item title="内容使用限制" name="2">
        <view class="content-text">
          除非获得我们的明确书面许可，否则您不得以任何方式复制、重新发布、下载、上传、编码、修改、翻译、公开演示、分发或传送本网站上的任何内容。
        </view>
      </wd-collapse-item>
      <wd-collapse-item title="免责声明" name="3">
        <view class="content-text">
          我们尽可能保持网站上信息的准确性和完整性，但不对任何内容的准确性、完整性或可靠性做任何承诺。
        </view>
      </wd-collapse-item>
    </wd-collapse>
    <wd-button type="primary" block round @click="acknowledge">我确认</wd-button>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const activeNames = ref(['1']) // 默认打开第一项

// 处理“我确认”按钮点击
const acknowledge = () => {
  // 可以在这里记录用户确认版权声明，例如记录状态、跳转到其他页面等
  console.log('用户已确认版权声明')
  uni.navigateBack()
}
</script>

<style lang="scss" scoped>
.copyrights-collapse {
  .wd-collapse {
    margin-bottom: 20px;
  }

  .content-text {
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
  }

  .wd-button {
    margin: 20px;
  }
}
</style>
